<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>仪器共享</title>

    <meta name="keywords" content="科研仪器，生命科学仪器，环境检测仪器，实验常用设备，分析仪器">

    <meta name="description" content="中国领先的科研仪器共享平台，让您快速找到各种类型的科学研究仪器。提升闲置仪器利用率，产生更大科研价值。涵盖：生命科学仪器、环境检测仪器、实验常用设备、分析仪器、仪表、物性测试、测量/计量仪器、在线及过程控制仪器。

">
    <!--<link rel="stylesheet" href="new_css/header_footer.css?t=1">-->
    <link rel="stylesheet" href="new_css/lizisepuyi.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <style>
        input {
            border: 1px solid #2222;
            border-radius: 5px;
        }
        select {
            border: 1px solid #2222;
            border-radius: 5px;
        }
        textarea {
            border: 1px solid #2222;
            border-radius: 5px;
        }
        .mainList .content .right .title{
            /*margin-left: 20px;*/
        }
        .minTitle {
            /*margin-left: 46px;*/
            border-left: 2px solid #ff8a00;
            padding-left: 10px;
            margin-top: 30px;
            font-size: 18px;
            /* font-family: MicrosoftYaHei; */
        }
        .mainList .content .right {
            width: 1178px;
            height: 100%;
            border: 1px solid #d3d3d3;
        }
        .mainList .content .right ul li label {
            width: 98px;
            display: inline-block;
            text-align: left;
            padding-right: 20px;
            /* margin-left: 40px; */
            padding-left: 53px;
        }
        textarea.taxtarea-haha {
            width: 961px;
            height: 306px;
        }
        .mainList .content .right button {
            width: 196px;
            height: 62px;
            text-align: center;
            line-height: 62px;
            background: #ff8a00;
            border: none;
            color: #fff;
            font-size: 26px;
            border-radius: 8px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            margin-left: 176px;
            margin-top: 20px;
        }
    </style>
    <script src="new_js/jquery-1.11.3.js"></script>
    <script>
        $(function() {
            $('#front_header .header_wrap .right').hover(function() {
                $('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon2.png');
                $('#front_header .header_wrap .right .out').show();
            }, function() {
                $('#front_header .header_wrap .right .main .icon img').attr('src', 'images/icon1.png');
                $('#front_header .header_wrap .right .out').hide();
            });
            $('#sorts').on('mouseover', 'li', function() {
                $(this).find('span img').attr('src', 'images/icon4.png');
            });
            $('#sorts').on('mouseout', 'li', function() {
                $(this).find('span img').attr('src', 'images/icon5.png');
            });

            $('.mainList .content .left li').click(function() {
                $(this).addClass('selected').siblings().removeClass('selected');
            });
        });
    </script>
</head>
<body style="background:#fff;">


<!--header-->
<header>
    <!--Top head navigation bgc-->
    <div class="top-nav-bgc">
        <!--Top head navigation-->
        <div class="top-nav">
            <!--left-->
            <div class="top-nav-left fl">
                <!--img-->
                <img src="images/home.png">
                <!--companyName-->
                <span><a href="index">观迎访问仪器共享平台</a></span>
            </div>
            <!--right-->
            <div class="top-nav-right fr" >
                <!--username-info-->
                <div class="username-info">
                    <!--userImg-->
                    <div class="userImg fl">
                        <img src="images/user.png">
                    </div>
                    <!--username-->
                    <div class="username fl">
                        <ul>
                            <li id="username" >
                                <a onclick="userImg();" href="">itwangyang@foxmail.com</a>
                                <img id="userImg" src="images/icon1.png">
                            </li>
                        </ul>
                        <ul  class="dropdown-nav" id="dropdown-nav" style="display: none">
                            <!--<img src="images/icon9.png">-->
                            <li>
                                <a class="active" href="">用户中心</a>
                            </li>
                            <li>
                                <a href="">退出登录</a>
                            </li>
                        </ul>
                    </div>
                    <!--selectNav-->
                    <!--<div class="icon-img fl">-->
                    <!--<img src="images/icon1.png">-->
                    <!--</div>-->
                </div>
            </div>
        </div>
    </div>
    <!--header search-->
    <div class="header-search clearfix">
        <!--left-->
        <div class="header-search-lef fl">
            <div class="logo-name fl" ><a href="index">科研仪器共享平台</a> </div>
            <div class="shopping-Mall fl">
                <div class="logo-mall instrument-management">
                    <a href="">仪器管理</a>
                </div>
            </div>
        </div>
        <!--right-->
    </div>


</header>

<div class="mainList">
    <div class="bNav">您的位置：预约订单管理><span>服务订单详情</span></div>
    <div class="content">
        <div class="right">
            <div class="title"><span>服务订单详情</span></div>
            <div class="minTitle"><span>服务信息</span></div>

            <div class="form">
                <ul>
                    <li>
                        <label>服务名称</label>
                        <input type="text" name="" id="" value="" />
                    </li>

                    <li>
                        <label>服务收费</label>
                        <input type="text" name="" id="" value="" />
                    </li>
                    <li class="item4">
                        <label>服务负责人</label>
                        <input type="text" name="" id="" value="" />
                    </li>
                    <li>
                        <label>地址</label>
                        <input type="text" name="" id="" value="" />
                    </li>

                </ul>

                <ul>
                    <li>
                        <label>服务机构</label>
                        <input type="text" name="" id="" value="" />
                    </li>
                    <li>
                        <label>存放地点</label>
                        <input type="text" name="" id="" value="" />
                    </li>
                    <li>
                        <label>电话</label>
                        <input type="text" name="" id="" value="" />
                    </li>
                </ul>
            </div>


            <div class="clearfix" >
                <hr style="border: 1px solid #efefef">
            </div>

            <div class="minTitle"><span>申请人信息</span></div>

            <div class="form">
                <ul>
                    <li>
                        <label>申请人</label>
                        <input type="text" name="" id="" value="" />
                    </li>

                    <li>
                        <label>申请部门</label>
                        <input type="text" name="" id="" value="" />
                    </li>

                </ul>

                <ul>
                    <li>
                        <label>联系电话</label>
                        <input type="text" name="" id="" value="" />
                    </li>
                    <li>
                        <label>申请时间</label>
                        <input type="text" name="" id="" value="" />
                    </li>
                </ul>

            </div>

            <div class="clearfix" >
                <hr style="border: 1px solid #efefef">
            </div>

            <div class="minTitle"><span>预约申请信息</span></div>


            <div class="form">
                <ul>
                    <li>
                        <label>仪器简介</label>
                        <textarea class="taxtarea-haha"></textarea>
                    </li>
                </ul>
            </div>
            <button>确认</button>
        </div>
    </div>

</div>

<!--footer-->
<footer>
    <div class="foot clearfix">
        <p>&copy; 2015-2020 科研仪器 版权所有 技术支持：科研仪器共享平台 支持电话：010-123658987 </p>
    </div>
</footer>

<script src="js/jquery-1.11.3.js"></script>
<script src="js/common.js"></script>


</body>

</html>